/**
 * @class tuan.view.home.HomeScreen
 * @extends extendsClass
 * Description
 */
Ext.define('tuan.view.home.HomeScreen', {
    extend: 'Ext.panel.Panel',
    xtype : "home",
    layout : "border",
    padding: 10,
    defaults: {
        collapsible: true,
        split: true,
        // bodyStyle: 'padding:5px'
    },
    items : [
    {
        region: "north", 
        // height: 70,
        title:"Management Shopping",
        titleAlign:"center",
        items : [
            {
                xtype: "button",
                id: "logoutbutton",
                text: "Logout",
                margin : '5 0 5 10',
                icon: 'http://sencha.com/favicon.ico',
            },
            {
                xtype: "button",
                id: "homebtnAddOrder",
                text: "Thêm đơn hàng",
                margin : '5 0 5 10',
                icon: 'http://sencha.com/favicon.ico',
            }
        ]
    },
    {
        title: 'Navigation',
        region:'west',
        layout:'fit',
        width: 175,
        minSize: 100,
        maxSize: 250,
        id : "navigator_zone",  

    },
    {
        region : "center",
        layout : "card",
        id : "center_panel",
        items : [
            {
                xtype : "khach_hang_view",
                title : "Quản lý Khách Hàng",
                titleAlign : "center",
                
            },
            {
                xtype : "sanpham_wrapper_panel",
            },
            {
                xtype : 'donhang_wrapper_panel',
                title : 'Quản Lý Đơn Hàng'
            },
            {
                title : 'Dashboard',
                id : 'dashboard-wapper'
            },
            {
                title : 'Quản lý User',
                id : 'user_wapper'
            },
            {
                title : 'Phân quyền User'
            }

        ]
    }
    ]
});